<template>
  <div>
    <p>Parent</p>
    <hr />
    <!-- 如果是数值或是布尔值，就需要绑定即可 -->
    <!-- <Child msg="你是一个好人" :num="30" :isMan="true" :foods="foods" /> -->
    <!-- <Child msg="你是一个好人" :isMan="true" :foods="foods" :person="person" /> -->
    <Child :msg="msg" :isMan="true" :foods="foods" @myevent="getValue" />
  </div>
</template>

<script>
// 导出 {} 是当前Parent组件的实例
import Child from './02-Child.vue'
export default {
  // 局部注册
  components: {
    Child
  },
  data () {
    return {
      msg: '你是一个好人',
      foods: ['猪脚饭', '肯德基', '螺蛳粉'],
      person: {
        name: '张三',
        age: 20
      }
    }
  },
  methods: {
    getValue (value) {
      console.log('---Parent---', value)
    }
  }
}
</script>
